
<template>
  <div class="twoStageWindow">
  	<div class="twoStageWindowTitle">
      <span>
        工作统计详情
      </span>
  		<div class="twoStageWindowClose"  >
  			<el-button size="mini" v-on:click="close">返回</el-button>
  		</div>
  	</div>
    <div class="containercontent" style="margin-top:31px;min-height:100%;padding-top: 0;">
      <el-table
              :data="batchTableData"
              style="width: 100%"
              :default-sort = "{prop: 'pihao', order: 'descending'}"
              :height="testbatchtableheight"
              border
              size="mini"
              highlight-current-row
              cell-class-name="batchtablecell"
              @current-change="testbatchrowselect">
          <el-table-column
                  fixed
                  type="selection"
                  width="38px"
                  @selection-change="handleSelectionChange"
                  >
          </el-table-column>
          <el-table-column
            fixed
            prop="pihao"
            label="批号"
            sortable
            width="80px"
            >
          </el-table-column>
          <el-table-column
            prop="zhuangtai"
            label="状态"
            fixed
            min-width="120px"
            :filters="[{ text: '已创建', value: '已创建' }, { text: '已检测', value: '已检测' }, { text: '已校核', value: '已校核' }]"
            :filter-method="filterTag"
            >
            <template slot-scope="scope">
              <el-tag
                :type="scope.row.zhuangtai == '已校核' ? 'success' : 'primary'"
                close-transition>{{scope.row.zhuangtai}}</el-tag>
            </template>
          </el-table-column>
          <el-table-column
            prop="yiqibianhao"
            label="仪器编号"
            min-width="100px"
            >
            <template slot-scope="scope">
              {{scope.row.yiqibianhao}}<el-button type="text" size="small">更改</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="qianzhiyiqibianhao"
            label="辅助仪器编号"
            min-width="100px"
            >
            <template slot-scope="scope">
              {{scope.row.qianzhiyiqibianhao}}<el-button type="text" size="small">更改</el-button>
            </template>
          </el-table-column>
          <!-- <el-table-column
            prop="jiancerenyuan"
            label="检测人员"
            width="120px"
            >
          </el-table-column> -->
          <el-table-column
            prop="zhipaidao"
            label="指派到"
            min-width="100px"
            >
          </el-table-column>
          <el-table-column
            prop="jiaoherenyuan"
            label="校核人员"
            min-width="120px"
            >
          </el-table-column>
          <el-table-column
            prop="nenglicanshu"
            label="能力参数代码"
            min-width="100px"
            >
          </el-table-column>
          <el-table-column
            prop="gongtongwancheng"
            label="共同完成人"
            min-width="120px"
            >
          </el-table-column>
          <el-table-column
            prop="beizhu"
            label="备注"
            min-width="120px"
            >
          </el-table-column>
          <el-table-column
            prop="caozuo"
            label="操作"
            fixed="right"
            min-width="200px"
            >
            <template slot-scope="scope">
              <el-button @click="showresultentrypenal" type="text" size="small">查看详情</el-button>
            </template>
          </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  data () {
    return {
      nowTab:'basicInfo',
      mainEquipTypeValue:'',
      frontEquipTypeValue:'',
      factoryDate:'',
      purchaseDate:'',
      currentPage:1,
      supplierTableDateValue:'',
    }
  },
  props:['eqType','eqEditOrNew','detailType'],
  computed:{
    ...mapState(['enableStatus','mainEquipType','frontEquipType','supplierTableDate','tableHeightD','tableHeightE','tableHeightA','abilityTableDate','yesorno','roleTableDate','abilityTableDate']),
    pointTableHeight(){
      return (((window.innerHeight - 190)*0.3)-40)
    },
    pickSampleTaskHeight(){
      return (((window.innerHeight - 190)*0.3)-40)
    },
    testTableHeight(){
      return (((window.innerHeight - 190)*0.4)-40)
    },
    tabDivMinHeight(){
      return (window.innerHeight - 260)
    },
    tableheight(){
      return (this.tableHeightA-30)
    }
  },
  methods:{
  	close:function(){
  		this.$parent.userWorkDetailShow=false;
  	},
    handleSizeChange:function(){

    },
    handleCurrentChange:function(){

    },
    // handleSelectionChange(val) {
    //     this.multipleSelection = val;
    // },
    editMaintainPlan:function(){

    },
    editCheckPlan:function(){

    },
    editPeriodCheckPlan:function(){

    },
    changeMaintainPlanStatus:function(){
      //改变维护计划状态
    },
    changeCheckPlanStatus:function(){
      //改变检定校准计划状态
    },
    changePeriodChecPlanStatus:function(){
      //改变期间校核计划状态
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.tabName{
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    border: 1px solid #b7b7b7;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #a9a9a9;
}
.activeTab{
  color: #409eff;
}
.tabPageContent{

}
.infoitem {
    width: calc(100%/2);
    padding-right: 20px;
}
.separaterow{
  margin-top: 5px;
}
.informationItem {
    width: calc(100% - 113px);
    float: right;
}
</style>
